<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>payment</title>
    <!-- CSS -->
    
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/form-elements.css">
    <link rel="stylesheet" href="css/login-style.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Favicon and touch icons -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <style>
        .copy:hover{
            cursor: pointer;
        }
    </style>
</head>
<body>
<!-- Top content -->
<div class="top-content">
    <div class="inner-bg">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text">
                    <h1> Payment</h1>
                    <!--                            <div class="description">-->
                    <!--                            	<p>-->
                    <!--	                            	This is a free responsive login form made with Bootstrap. -->
                    <!--	                            	Download it on <a href="#"><strong>AZMIND</strong></a>,-->
                    <!--                                    customize and use it as you like!-->
                    <!--                            	</p>-->
                    <!--                            </div>-->
                </div>
            </div>
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 form-box">
                    <div class="form-top">
                        <div class="form-top-left">
                            <h3>Registration and Payment</h3>
                        </div>
                        <div class="form-top-right">
                            <i class="fa fa-info"></i>
                        </div>
                    </div>
                    <div class="form-bottom" style="font-size:15pt">
                       <div>
                           注册费：1200元（教师\科研\企业人员）；800元（学生）<br>
                           （1）注册费包括：会议资料、会务费、午餐和晚餐（不包含12月27日的午餐和晚餐）、会议茶歇。<br>
                           （2）注册费不包括：交通差旅、住宿费、签证费。<br>
                           缴费方式：银行转账或现场缴费<br>
                           开户行：中国银行武汉地大支行<br>
                           户名：中国地质大学（武汉）<br>
                           <span>账号: <b>569 057 528 302</b>
                           <i class="fa fa-copy copy"  title="复制" onclick="copyAccountNumber()"  style="margin-left: 5px"></i>
                           <br></span>
                           请务必注明：MPSEED2019+单位+姓名<br>
                           联系人：樊俊青<br> 电话：13407159110 <br>邮箱: 289670285@qq.com<br>
                           注意事项：<br>
                           1、若要会议期间索取发票，请于2019年12月15日前完成注册缴费。<br>
                           2、缴费成功后，请将转账回执电子版发送至联系人邮箱。<br>
                           3、参会交流QQ群：938582953<br>
                           <br><br>
                           Registration fee: 1200RMB for teachers, scientific researchers, and staffs from enterprise, and 800 RMB for students.<br>
                           （1）Registration fee covers conference materials, conference affair charge, lunch and dinner (excluding lunch and dinner on December 27) and coffee break.<br>
                           （2）Registration fee does not cover travel, accommodation and visa fees.<br>
                           Payment methods: bank transfer or on-site payment<br>
                           Bank name: 中国银行武汉地大支行<br>
                           Account name: 中国地质大学（武汉）<br>
                           <span>Account number: <b id="accountNumber">569 057 528 302</b>
                           <i class="fa fa-copy copy" id="copy" title="copy" onclick="copyAccountNumber()"  style="margin-left: 5px"></i>
                           <br></span>
                           Please fill in the following information in the remark column:<br>
                           MPSEED2019+Oraganization+Name<br>
<!--                           Contact: Junqing Fan Phone Number：13407159110 		Email: 289670285@qq.com<br>-->
                           Contact: Junqing Fan
                           <br>Phone Number：13407159110　
                           <br>Email: 289670285@qq.com<br>
                           Attention:<br>
                           1. If you need receipt during the meeting, please complete the registration and payment before December 15, 2019.<br>
                           2. After successful payment, please send the electronic version of the transfer receipt to the contact email.<br>
                           3. Please join in the QQ Group:938582953.<br>
                       </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12  social-login">
                    <h3>Okay, I've read all this information.</h3>
                    <div class="social-login-buttons">
                        <a class="btn btn-link-2" href="login.html">
                            <i class="fa fa-lock"></i> LOGIN
                        </a>
                        OR
                        <a class="btn btn-link-2" href="register.html">
                            <i class="fa fa-key"></i> REGISTRATION
                        </a>
                        OR
                        <a class="btn btn-link-2" href="index.html">
                            <i class="fa fa-home"></i> HOME PAGE
                        </a>

                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- Javascript -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.backstretch.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/layer/layer.js"></script>
<script>
    function copyAccountNumber(){
        let val = document.getElementById("accountNumber").innerText; // 要复制的内容
        document.addEventListener('copy', save); // 监听浏览器copy事件
        document.execCommand('copy'); // 执行copy事件，这时监听函数会执行save函数。
        document.removeEventListener('copy', save); // 移除copy事件

        // 保存方法
        function save(e) {
            e.clipboardData.setData('text/plain', val); // 剪贴板内容设置
            e.preventDefault();
        }
        layer.msg("Copy to your clipboard successfully!",{
            icon:1
        });
    }
</script>
</body>

</html>